<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>hello vue</title>
<style type="text/css">

</style>
</head>
<body>







<div id="app">
    
    <login></login>
  
</div>
  


<div id="app2">
    
    <!-- 因为login是#app的私有指令，所以#app2加载会报错 -->
    <!-- <login></login> -->

</div>






<br>
<script src="vue.js"></script>
<script type="text/javascript">




var vm = new Vue({
// Vue的普通函数方法
  el:"#app",
  data:{},
  methods:{},
  filter:{},
  directives:{},

  components:{//定义实例内部私有指令
    login:{
      template:'<h1>这是#app私有的login</h1>'
    }

  },

//Vue的生命周期的钩子函数
  beforeCreate(){},
  Create(){},
  beforeMount(){},
  Mounted(){},
  beforeupdate(){},
  updated(){},
  beforeDestroy(){},
  destroyed(){}

})

var vm2 = new Vue({
// Vue的普通函数方法
  el:"#app2",
  data:{},
  methods:{}


})





</script>

	
</body>
</html>